*{
	margin:0;
	padding: 0;
}
body{
	/*background:url(../img/ghost.jpg)center center repeat ;*/
	background: black;
}
.ghost{
	width: 250px;
	height:300px;
	position:relative;
	margin:100px auto;
	animation: ghost_body_float 2.5s infinite;
	animation-fill-mode:both;
}
.head{
	background: white;
	height: 250px;
	width: 100%;
	border-radius: 50% 50% 0 0;
}
.left_eye{
	position: absolute;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: black;
	top:70px;
	left: 70px;
}
.right_eye{
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50% ;
	background: black;
	top:70px;
	right: 70px;
}
.mouth{
	position: absolute;
	top: 130px;
	background: black;
	height: 20px;
	width: 40px;
	border-radius: 7px 7px 50% 50%;
	left:100px;
}
.foot{
	height: 1px;
	width: 250px;
}
.finger{
	width: 20%;
	height: 60px;
	background: white;
	border-radius: 0 0 50% 50%;
	float: left;
	animation: ghost_bottom_float 2.5s infinite;
	animation-fill-mode:both;
}
@keyframes ghost_bottom_float { 
  0% {
    transform: translateY(-30px);
  }

  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
  
}

.finger1{
  animation-delay: .5s
}
.finger2{
  animation-delay: 1.5s
}
.finger3{
  animation-delay: 1s
}
.finger4{
  animation-delay: 2s
}

@keyframes ghost_body_float { 
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
  
}